<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>

    <!-- body -->
    <% block('content', function(){ %>

        <div class="je-p20 group-index">
            <div class="left-box">
                <h3>查询接待单</h3>
                <div class="je-form-item">
                    <div class="je-inputbox">
                        <input type="text" name="title" autocomplete="off" placeholder="输入合作商户" class="je-input">
                    </div>
                </div>
                <div class="je-form-item">
                    <div class="je-w80 je-dib">
                        <div class="je-inputbox">
                            <input type="text" name="title" autocomplete="off" placeholder="请输入订单编号、导游姓名、导游证号或备注" class="je-input">
                        </div>
                    </div>
                    <div class="je-dib je-fr">
                        <button class="je-btn je-f14">搜索</button>
                    </div>
                </div>
                <div id="order-list" class="je-f14">
                    <ul class="list-head">
                        <li>单号</li>
                        <li>预定日期</li>
                    </ul>
                </div>
                <h3>领票信息</h3>
                <div class="t_info">
                    <div class="pecent50">状态<span></span></div>
                    <div class="pecent50">游玩日期<span></span></div>
                    <div>导游姓名<span></span></div>
                    <div class="pecent50">业务员<span></span></div>
                    <div class="pecent50">导游电话<span></span></div>
                    <div>客户名称<span></span></div>
                </div>
            </div>
            <div class="right-box">
                <div id="je-tabs" class="je-tabs brief je-mt10 je-mb30">
                    <ul class="je-tabs-title">
                        <li>门票</li>
                        <li>增值项目</li>
                    </ul>
                    <div class="je-tabs-content">
                        <div class="je-tabs-item">
                            <table class="je-table">
                                <thead>
                                    <th>门票介质</th>
                                    <th>票型</th>
                                    <th>票种</th>
                                    <th>原价(元)</th>
                                    <th>折扣价(元)</th>
                                    <th>数量(张)</th>
                                    <th>金额(元)</th>
                                    <th>条码段/卡序列号</th>
                                </thead>
                            </table>
                        </div>
                        <div class="je-tabs-item">
                            <table class="je-table">
                                <thead>
                                    <th>项目名称</th>
                                    <th>单价(元)</th>
                                    <th>数量(张)</th>
                                    <th>金额(元)</th>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>

                <table class="je-table" skin="noline">
                    <tbody>
                        <td>门票金额:</td>
                        <td>票数:</td>
                        <td>项目金额:</td>
                        <td>数量:</td>
                        <td><input type="button" class="je-btn je-btn-small je-btn-normal" disabled="" value="读卡"></td>
                        <td><input type="button" class="je-btn je-btn-small je-btn-normal" disabled="" value="选择条码"></td>
                    </tbody>
                </table>
                <table class="je-table" skin="noline">
                    <tbody class="submit">
                        <td><button class="je-btn je-btn-big je-f18 pay-ticket">确认结算</button></td>
                        <td><textarea placeholder="备注" class="je-textarea"></textarea></td>
                    </tbody>
                </table>
            </div>




        </div>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable", "jeTabs"], function() {
                $("#je-tabs").jeTabs({
                    tabIndex: 1
                });
            });
        </script>

        <% }) %>